@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
.floatl{ float:left; display:inline}
.floatr{ float:right; display:inline}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/; overflow:hidden
}


a{    color: inherit;}

.pos-r{ position:relative}
.pos-a{ position:absolute}

.a-center{ margin-left:auto; margin-right:auto}

.t3{transition:all 0.3s ease;
-moz-transition:all 0.3s  ease; /* Firefox 4 */
-webkit-transition:all 0.3s  ease; /* Safari and Chrome */
-o-transition:all 0.3s  ease; /* Opera */}
.t6{transition:all 0.6s  ease;
-moz-transition:all 0.6s  ease; /* Firefox 4 */
-webkit-transition:all 0.6s  ease; /* Safari and Chrome */
-o-transition:all 0.6s ease; /* Opera */}
.t10{transition:all 1s  ease;
-moz-transition:all 1s  ease; /* Firefox 4 */
-webkit-transition:all 1s  ease; /* Safari and Chrome */
-o-transition:all 1s  ease; /* Opera */}


.w5{ width:50%}

.w1000{ width:1000px}
.w1009{ width:1009px}
.w1024{ width:1024px}
.w1170{ width:1170px}
.w1920{ width:1920px}
.w1200{ width:1200px}
.w640{ width:640px}
.w620{ width:620px}
.p0-10{ padding:0 10px}

.fz12{ font-size:12px}
.fz14{ font-size:14px}
.fz16{ font-size:16px}
.fz18{ font-size:18px}
.fz20{ font-size:20px}

.no-con{ width:100%; height:400px; line-height:400px; text-align:center; font-size:14px; color:#CCCCCC}


*{font-family: "PingFang SC",Helvetica,Arial,"微软雅黑","黑体";}

/*返回顶部*/
#roll{ position:fixed; width:44px; height:44px; right:15% ; top:70%; background:url(../images/backup.png) no-repeat center center}
#roll_top{ width:44px; height:44px; cursor:pointer}

body {
	MARGIN: 0PX 0PX;
	PADDING: 0PX 0PX;
	FONT-SIZE: 12PX;
	font-family:'微软雅黑', Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	COLOR: #555555;
	background: #ffffff;
	line-height: 21px;
	margin-left: auto;
	margin-right: auto;
}
a {
	color: #555555;
	text-decoration: none;
	outline-style: none;
	outline-color: invert;
	outline-width: medium
}
a:link {
	text-decoration: none;
}
a:hover {
	color: #006ea5
}
a img {
	border: 0;
}
a {
blr:expression(this.onFocus=this.blur());
}
a {
	outline: none;
}
a:focus {
	outline: none;
}
h1, h2, h3, h4, ul, li, div, p, span, b, i, input, select, dd, dl {
	margin: 0px;
	padding: 0px;
}
ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
em {
	font-style: normal;
}
a img {
	border: none;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
.blue {
	color: #006ea5;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.songti {
	font-family: '宋体';
}
#header{
	margin: 0 auto;
	height:118px;
	width:1200px;
	position:relative;
	z-index:9999;
	
}
.top {
	float:right;
	width:880px;
	height:118px;
}
.logo {
	float:left;
	
	margin:40px 0 0 0;
}
.lang{
	float:right;
	width:530px;
	text-align:right;
	margin-bottom:23px;
	margin-top:30px;
	padding-right:20px;
}
.lang a{
	padding:0 10px;
	line-height:20px;
}

.ind_src {
	float:right;
	width: 302px;
	height: 27px;
	margin-bottom:23px;
	margin-top:25px;
	background:url(../images/src_bg.jpg) center no-repeat;
	position:relative;
}
.src {
	margin-left: 10px;
	margin-top: 3px;
	width: 250px;
	height: 20px;
	border: none;
	float: left;
	display: inline;
	line-height: 20px;
	border: 0;
	
}
.src_img {
	position: absolute;
	right: 11px;
	top: 8px;
	width: 11px;
	height: 11px;
	background:url(../images/src_btn.jpg) no-repeat center  center;
	outline:none;
	border:none;
	margin:0;
	cursor:pointer
}
/*
#menu {
	margin: 0 auto;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width: 920px;
}
.menu {
	margin: 0 auto;
	height: 40px;
	width: 920px;
	position: relative;
	z-index: 999
}
.menu li {
	height: 40px;
	line-height: 40px;
	color: #000000;
	float: left;
	display: inline;
	text-align: center;
	width: 100px;
}
.menu li a {
	height: 40px;
	line-height: 40px;
	color: #000000;
	font-size: 13px;
	font-family: "微软雅黑";
	display: block;
	text-align: center;
	width: 100px
}
.menu li ul {
	position: absolute;
	left: 0px;
	top: 40px;
	display: none;
	width: 900px;
	height: 28px
}
.menu li ul li {
	height: 28px;
	line-height: 28px;
	color: #454545;
	width: 85px;
	text-align: center;
	border-bottom: none;
	float: left;
	display: inline;
	color: #ffffff;
	overflow: hidden;
}
.menu li ul li a {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	font-family: "宋体";
	display: block;
	width: 85px;
	border-bottom: none;
	color: #ffffff
}
.menu li ul li a:hover {
	height: 28px;
	line-height: 28px;
	color: #454545;
	font-size: 12px;
	font-family: "宋体";
	display: block;
	width: 85px;
	color: #ffffff
}*/
/*banner*/



#banner {
	width: 100%;
	height: 276px;
	position: relative;
	margin: 0 auto;
}
#banner li {
	display: none;
}
.banner_btn {
	position: absolute;
	height: 9px;
	width: 100%;
	bottom: 10px;
	left: 0;
	z-index: 3;
}
.banner_mid_btn {
	width: 260px;
	height: 9px;
	margin: 0 auto;
	cursor: pointer
}
.banner_mid_btn em {
	width: 26px;
	height: 9px;
	display: block;
	background: url(../images/banner_btn.jpg) center no-repeat;
	float: left;
	padding: 0 5px;
	cursor: pointer
}
.banner_mid_btn em.on {
	background: url(../images/banner_sel_btn.jpg) center no-repeat;
}
#ind_top {
	margin: 0 auto;
	background: url(../images/ind_top_bg.jpg) center no-repeat
}
.ind_top {
	margin: 0 auto;
	width: 1006px;
	height: 351px;
}
.ind_top li {
	width: 205px;
	height: 200px;
	margin-top: 75px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-left: 50px
}
.ind_about {
	width: 205px;
	height: 56px;
	background: url(../images/sel_about.jpg) top center no-repeat;
	padding-top: 79px
}
.ind_cultrue {
	width: 205px;
	height: 56px;
	background: url(../images/sel_enterprise.jpg) top center no-repeat;
	padding-top: 79px
}
.ind_development {
	width: 205px;
	height: 56px;
	background: url(../images/sel_development.jpg) top center no-repeat;
	padding-top: 79px
}
.ind_certifcatre {
	width: 205px;
	height: 56px;
	background: url(../images/sel_certificate.jpg) top center no-repeat;
	padding-top: 79px
}
.ind_about span {
	display: block;
	margin: 0 auto;
	line-height: 24px
}
.ind_cultrue span {
	display: block;
	margin: 0 auto;
	line-height: 24px
}
.ind_development span {
	display: block;
	margin: 0 auto;
	line-height: 24px
}
.ind_certifcatre span {
	display: block;
	margin: 0 auto;
	line-height: 24px
}
.ind_about_con {
	line-height: 22px;
	color: #acacac;
	font-size: 12px;
	font-family: "宋体";
}
.ind_cultrue_con {
	line-height: 22px;
	color: #acacac;
	font-size: 12px;
	font-family: "宋体";
}
.ind_development_con {
	line-height: 22px;
	color: #acacac;
	font-size: 12px;
	font-family: "宋体";
}
.ind_certifcatre_con {
	line-height: 22px;
	color: #acacac;
	font-size: 12px;
	font-family: "宋体";
}
#ind_cen {
	margin: 0 auto;
	background: #e5e5e5;
	height: 303px
}
.ind_cen {
	margin: 0 auto;
	width: 1006px;
	height: 264px;
	padding-top: 39px
}
.ind_cen_lft {
	width: 154px;
	height: 178px;
	background: #124b76;
	padding-top: 47px;
	padding-left: 30px;
	float: left
}
.lft_title {
}
.lft_title span {
	display: block;
	text-align: left;
}
.more {
	width: 69px;
	height: 28px;
	margin-top: 42px
}
.ind_cen_con {
	width: 470px;
	height: 225px;
	float: left;
	background: #ffffff;
	position: relative
}
.ind_cen_con_top {
	position: absolute;
	left: 24px;
	top: 11px;
	width: 418px;
	height: 87px;
}
.text {
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 438px;
	height: 78px;
	border-bottom: 1px solid #ececec;
	overflow: hidden
}
.text span {
	font-family: "宋体";
	font-size: 12px
}
.ind_cen_con_btm {
	position: absolute;
	left: 24px;
	bottom: 29px;
	width: 418px;
	height: 80px;
}
.ind_cen_con_btm li {
	width: 418px;
	height: 34px;
}
.date {
	width: 47px;
	height: 34px;
	border-right: 1px dashed #e0e0e0;
	float: left
}
.date span {
	width: 47px;
	display: block;
	font-family: Arial;
	color: #666666
}
.new {
	float: left;
	margin-left: 14px;
	display: inline;
	height: 34px;
	line-height: 34px;
	font-family: "宋体";
	font-size: 12px;
	color: #666666;
	width: 354px;
	overflow: hidden;
	text-align: left
}
.ind_cen_rgt {
	float: right;
	width: 316px;
	height: 227px;
}
#ind_btm {
	margin: 0 auto;
	background: url(../images/ind_btm_bg.jpg) center top no-repeat;
	height: 295px;
	padding-top: 150px
}
.ind_btm {
	margin: 0 auto;
	width: 1006px;
	height: 237px;
}
#demo {
	width: 1006px;
	overflow: hidden;
	float: left;
	height: 237px;
}
#indemo {
	float: left;
	width: 100000px;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
.ind_btm li {
	width: 250px;
	height: 237px;
	float: left;
	display: inline;
	margin-left: 1px;
}
.ind_prod {
	width: 250px;
	height: 237px;
}
#asel {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	display: none;
}
.ind_btm em {
	display: block;
	line-height: 24px;
	font-weight: 600;
	color: #ffffff;
	font-family: "宋体";
	font-size: 12px;
	position: absolute;
	left: 17px;
	top: 55px;
	width: 215px;
	height: 120px;
	overflow: hidden;
	background: none;
	display: none
}
.ind_btm span {
	display: block;
	height: 36px;
	line-height: 36px;
	font-weight: 600;
	color: #656565;
	font-family: "宋体";
	font-size: 12px;
	width: 250px
}
#footer{
	padding:0px;
	clear:both;
	overflow:hidden;
	text-align:center;
	background:#efefef;
	padding-bottom:20px;
}
.fnav{
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding:30px 0;
	zoom:1;
	overflow:hidden;
	position:relative;
}
.fnav_li{
	width:148px;
	float:left;
}
.fnav_li a{
	display:block;
	line-height:20px;
	color:#6c6c6c;
	text-align:left;
}
.fnav_li a:visited,.fnav_li a:hover{
	color:#6c6c6c;
}
.fnav_li span a{
	display:block;
	line-height:40px;
	height:40px;
	margin-bottom:10px;
	color:#060a0d;
	font-size:16px;
	padding:0px;
	text-align:left;
	background: url(../images/f.jpg) left bottom no-repeat;
}
.fnav_li span a:visited,.fnav_li span a:hover{
	color:#060a0d;
}
.fnav_ewm{
	float:right;
	width:150px;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	color:#bbbbbb;
}
.fnav_ewm img{
	display:block;
	margin-bottom:10px;
}
.f{
	width:100%;
	background:#e2e2e2;
	margin:0 auto;
	overflow:hidden;
}
.f_c{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:left;
	line-height:40px;
	overflow:hidden;
	color:#6c6c6c;
}
.f_c a,.f_c a:visited{
	color:#6c6c6c;
}
#in_banner {
	margin: 0 auto;
}
.in_banner {
	margin: 0 auto;
	height: 274px;
}
.in_banner li {
	height: 274px
}
#intro_con {
	margin: 0 auto;
	margin-top: 1px
}
.intro_con {
	margin: 0 auto;
	min-height: 500px;
	height: 100%;
	_height: 500px;
}
#intro_con_title {
	margin: 0 auto;
	height: 153px;
	background: #f6f6f6;
}
.intro_con_title {
	width: 996px;
	margin: 0 auto;
	height: 113px;
	padding-top: 40px
}
.titles {
	height: 36px;
	text-align: center;
}
.titles li {
	border-right: 1px solid #c0c0c0;
	float: left;
	display: inline;
	height: 34px;
	line-height: 36px;
	background: #ffffff;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.titles li a {
	font-size: 14px;
	font-family: "宋体";
	line-height: 34px;
	color: #323232;
	padding: 10px 18px;
}
.titles li a:hover {
	color: #ffffff;
	background: #de0019;
	padding: 10px 18px;
}
.position {
	width: 800px;
	height: 18px;
	margin-top: 30px;
	font-size: 14px;
	font-family: "宋体";
	line-height: 18px;
	color: #6e6e6e;
	background: url(../images/weizhi.jpg) left center no-repeat;
	text-align: left;
	padding-left: 20px;
	float: left
}
.intro_con_content {
	width: 996px;
	min-height: 372px;
	height: 100%;
	_height: 372px;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: left;
	line-height: 24px;
	font-size: 12px;
	font-family: "宋体";
	color: #666666;
	padding-top: 12px
}
.pro_list {
	width: 990px;
	min-height: 400px;
	height: 100%;
	_height: 400px;
	margin-bottom: 20px;
	margin: 0 auto
}
.pro_list li {
	width: 250px;
	float: left;
	display: inline;
	text-align: center;
	font-size: 12px;
	font-family: "宋体";
	color: #5a5a5a;
	height: 237px;
	margin: 35px;
	line-height: 36px;
	margin-top: 16px;
}
.pro_list li a {
	color: #5a5a5a;
}
.pro_list li img {
	width: 250px;
	height: 201px;
}
.fpage {
	width: 550px;
	text-align: center;
	margin: 20px auto;
}
/*产品放大页 START*/

.dis_pic {
	text-align: center;
}
.dis_pic {
	text-align: center
}
.dis_pic a {
	position: absolute;
	width: 102px;


	height: 95px;
	top: 150px;
	margin-top: -47px;
	display: none;
}
.dis_pic a.p_prev {
	background: url(../images/left.png) no-repeat;
	left: 0;
}
.dis_pic a.p_next {
	background: url(../images/right.png) no-repeat;
	right: 0;
}
.dis_pic a b {
	display: none;
}
.dis_pic img {
	border: 1px solid #ccc;
	padding: 2px;
	margin-bottom: 10px;
	max-width: 600px;
}
.proInfo {
	position: relative;
	width: 100%;
	min-height: 100px;
	background: #ccc;
}
/*产品放大页 END*/





/*新闻 START*/

.newType {
	width: 100%;
	margin: 0 auto;
}
.newType li {
	width: 100%;
	height: 180px;
}
.newsType_top {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e8e7e7;
	position: relative;
}
.newsType_title {
	position: absolute;
	left: 0;
	font-weight: bold;
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
.newsType_most {
	position: absolute;
	right: 0;
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
.newsType_bottom {
	width: 100%;
	height: 119px;
	position: relative;
	margin-top: 10px;
}
.news_left {
	width: 115px;
	height: 81px;
	position: absolute;
	left: 0;
	top: 0;
}
.news_right {
	width: 820px;
	height: 155px;
	position: absolute;
	right: 0;
	top: 0;
}
.news_right dl {
	margin: 0;
	padding: 0
}
.news_right dd {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #e8e7e7;
	position: relative;
	margin-left: 40px;
	margin: 0;
	padding: 0;
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
.news_right dd span {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
.news_list {
	width: 100%;
	margin-bottom: 20px;
}
.news_list li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #e8e7e7;
	position: relative;
}
.news_list li a {
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
.news_list li span {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "宋体";
	font-size: 16px;
	color: #000
}
/*新闻详情 START*/

#dis_news .dis_page {
	border-top: 1px solid #e5dc9e;
	padding-top: 13px;
	height: 37px;
	border-bottom: 2px solid #676767;
}
#dis_news .d_prev {
	float: left;
	width: 350px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#dis_news .d_next {
	float: right;
	width: 350px;
	text-align: right;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#dis_news .dnews_title {
	font-weight: bold;
	font-size: 16px;
	_height: 30px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	color: #676767;
}
#dis_news .dnews_line {
	text-align: center;
	_height: 25px;
	line-height: 25px;
	border-top: 1px dashed #676767;
}
#dis_news .dnews_content {
	padding: 5px;
	_height: 200px;
	min-height: 200px;
	line-height: 23px;
}
.new_print a {
	color: #676767;
}
/*新闻详情 END*/


#ind_news {
	margin: 0 auto;
	height: 36px;
	background: #f2f1f1;
}
.ind_news {
	width: 1006px;
	height: 36px;
	margin: 0 auto;
	position: relative;
}
.ind_news a {
	color: #1d1d1d
}
.index_notic {
	width: 600px;
	height: 36px;
	background: url(../images/n.jpg) left center no-repeat;
	position: absolute;
	left: 7px;
	bottom: 0;
}
.index_notic .control {
	position: absolute;
	right: 0;
	top: 15px;
}
.index_notic .control li {
	float: left;
	margin-left: 2px;
	display: inline;
}
.index_notic .notic_list {
	position: absolute;
	left: 83px;
	top: 0;
	line-height: 36px;
	height: 36px;
	width: 500px;
	overflow: hidden;
	text-align: left;
}
.index_notic .notic_list li {
	position: relative;
	width: 500px;
	height: 36px;
	line-height: 36px
}
.index_notic .notic_list span {
	position: absolute;
	right: 0;
	display: block;
	top: 0;
	height: 36px;
	line-height: 36px
}

.banner .bd li{ display:block; height:460px; width:100%}
.banner .hd{ bottom:0px; left:0; width:100%; height: 46px;}
.banner .hd ul{ text-align:center; font-size:0; margin-left:auto; margin-right:auto}
.banner .hd li{ display:inline-block;  *display: inline; *zoom:1;  margin:0 6px; cursor:pointer; width: 50px; height: 9px; background-color:#fff; border-radius:4px}
.banner .hd li.on{ background-color:#fbae00}


/*page-public*/
.main-c{ margin-bottom: 40px;}

.side-menu{ width:260px; margin-right:40px}
.side-menu-top{ height:80px;color: #42bb35; font-weight: bold; line-height: 36px; border-bottom:6px solid  #ddd ; background-size:40px auto; border-top:1px solid  #42bb35; padding-top: 10px;}
.side-menu-top h2{  font-size: 28px; text-align: center;}
.side-menu-top h3{ color: #999; font-weight: normal; font-size: 20px; margin-top: 2px; letter-spacing:1px; text-align: center;}
.side-menu-list{ padding: 10px 20px 10px; background-color: #fff; background-color: #F8F8F8; margin:10px auto; }
.side-menu-list li{ height:45px; border-bottom:1px solid #ddd; text-align:left; background:url(../images/page_18.png) no-repeat 16px center}
.side-menu-list li a{ display:block; padding-left:42px; color:#666666; font-size:14px; line-height:45px;}
.side-menu-list li.hover a,.side-menu-list li:hover a{ color: #42bb35; }

.side-menu-bottom{   color: #42bb35; line-height: 22px; border-bottom:20px solid #333; border-top:2px solid #ddd; background-color: #F8F8F8;}
.side-menu-bottom h2{ font-weight: bold; text-align: center; line-height: 48px; color: #42bb35; font-size: 24px; padding-top: 10px;}
.side-menu-bottom h3{ color: #ccc; font-weight: normal; font-size: 16px; width: 180px; margin-left: auto; margin-right: auto; border-top:1px solid #ccc; padding-top: 4px; border-bottom:1px solid #ccc; padding-bottom: 4px; text-align: center;}
.side-menu-bottom p{  text-align:left; padding-left: 40px; font-size: 16px; line-height: 28px; padding-bottom: 30px; color: #999; padding-top: 18px;}

*{ text-align:left}
.banner-c{ height:200px; background-color:#333333; margin-bottom:30px; margin-top: 10px;}

.main-r{ width: 900px; margin-bottom:36px}

.pos-line p{ height: 24px; line-height: 24px; font-size: 14px; color: #666; float: right; padding-left: 16px; background:url(../images/icon_home.png) no-repeat left center; border-bottom:1px solid #999; margin-bottom: 20px;}
.pos-line a{ color: #666;}

.page-change{ padding:60px 0;font-size:14px; line-height:26px; text-align:center}
.page-change span{ padding:4px 8px; border:1px solid #CCCCCC; margin:0 10px; color:#CCCCCC}
.page-change a{ padding:4px 8px; border:1px solid #666; margin:0 10px; color:#666}
.page-change a:hover{ background-color:#42bb35; border:1px solid #42bb35; color:#FFFFFF}

/*goods-list*/
.goods-list{}
.goods-list li{ width:280px; height:240px; margin-right:30px; margin-bottom:20px; float:left; }
.goods-list li img{ width:280px; height: 205px;}
.goods-list li h4{ line-height: 40px; text-align: center; font-size: 14px; } 
.goods-list li h4 a{ color: #333;}
.goods-list li:hover a{ color: #42bb35;}

/*photo-list*/
.photo-list{}
.photo-list li{ width:280px; height:315px; margin-right:30px; margin-bottom:20px; float:left; }
.photo-list li img{ width:280px; height: 280px;}
.photo-list li h4{ line-height: 40px; text-align: center; font-size: 14px; } 
.photo-list li h4 a{ color: #333;}
.photo-list li:hover a{ color: #42bb35;}


/*article-list*/
.article-list{ padding:6px}
.article-list li{ padding:20px 0 30px; border-bottom:1px solid #ddd}
.article-list li h4 {line-height: 20px; font-size: 16px; height: 20px;  margin-bottom: 8px; margin-left: 6px;}
.article-list li h4 a{ color: #333; float: left; padding-right: 8px; border-right:4px solid #42bb35;}
.article-list li h4 span{ color: #999; float: right; padding-right: 16px;}
.article-list li p{ font-size: 12px; color: #666; padding:0 20px; line-height: 24px; text-indent:2em; text-align:left}
.article-list li:hover{ box-shadow:0px 0px 6px #666}
.article-list li:hover a{ color: #42bb35;}

/*article-read*/
.article-read{}
.article-read .title-area{ margin-bottom: 20px;}
.article-read .title-area h2{ font-size: 20px; font-weight: bold; text-align: center; line-height: 36px; color: #333;}
.article-read .title-area span{ display: block; line-height: 28px; font-size: 14px; text-align: center; color: #999;}
.article-read .article-con{ padding:10px; font-size: 14px; color: #666; line-height: 24px; text-indent:2em; margin-bottom: 40px;}

.page-other{ }
.page-other a{ font-size:14px; color: #666; line-height: 28px;}
.page-other a .floatl{ text-align:left}
.page-other a .floatr{ text-align:right}
.page-other a:hover{ color: #42bb35;}

/*goods-read*/
.pro-show{ margin-bottom: 44px;}


/*这是右边文字描述部分，参考即可*/
.pro-name{}
.pro-name { margin-bottom: 18px;}
.pro-name h5{ float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin:0}
.pro-name h6{ float: left; font-size: 16px; font-weight: bold; line-height: 20px; width: 230px; margin:0}

.pro-data{ padding-top:14px; width:350px; font-size:16px;}
.pro-data h3{ font-size: 16px; font-weight: bold; line-height: 32px;}
.pro-data p{ line-height:32px; font-size:16px; color:#666666; line-height: 40px;}

/*下面是其他内容，跟主要内容无关*/
.goods-read{ padding-top: 20px;}
.title-c{ height: 32px; background-color: #42bb35; padding-left: 10px; font-size: 14px; color: #fff; line-height: 32px; font-weight: bold; margin-bottom: 22px;}

.pro-intro{}
.pro-intro-con{ padding:20px 4px 40px}


.recommend-goods ul li{ float:left; width: 280px; height: 240px;  margin-right: 30px;}
.recommend-goods ul li img{ width: 280px; height: 205px;}
.recommend-goods ul li h4{ line-height: 40px; text-align: center;  font-size: 14px;}
.recommend-goods ul li h4 a{ color: #363636;}
.recommend-goods ul li:hover h4 a{ color: #42bb35;}

/* 放大镜开始 */



/*------------左半部分的区域，此处可修改宽度和margin------------*/
.magnifier{
	position:relative;
						margin-right: 24px;
						width:342px;/*内部区域大小加上下面的（margin+padding）的2倍*/
	z-index:3;
}

/*------------图片显示区域的边框属性，看情况修改-----------*/
.magnifierView{
	border:1px solid #cecccc;
}

/*------------放大镜生效区域，根据需要修改宽度-----------*/
#small{	
	position:relative;
						width:340px;
						height:248px;
	overflow:hidden;
}


/*------------图片放置区域，大小与放大镜生效区域相同，根据需要修改宽度-----------*/
.magnifierView .vm{
						width:340px;
						height:248px;
	*font-size:370px;
	display:block;
}

/*------------图片显示区域，大小可以删掉，通过后台语言控制----------*/
.magnifierView .vm img{
					/*注意！此处可以设置宽高，如果不设置，则以图片列表中的zoom大小显示图片*/		
						width: 340px; height: 248px;	 
				margin-left:auto;
			 margin-right:auto
}

/*-----------放大镜的小方块，根据情况调整其大小和边框颜色即可-----------*/
.mark{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
								width:80px;
								height:80px;
	background:#FFF;
	filter:alpha(opacity:50);
	opacity:0.5;
								border:1px solid #333;
	cursor:move;
}

/*------------大图片显示区域，根据情况调整期大小和位置即可----------*/
#bigBox{
	display:none;
	position:absolute;
						left:400px;
						top:0;
						width:460px;
						height:300px;
	overflow:hidden;
	background:#F3F5EC;
	border:1px solid #BEC3AB;
}

/*---------此处不需要修改---------*/
.bigImg{
	position:absolute;
	left:0;
	top:0;
}

/*---------此处不需要修改---------*/
.bigImg img{
	display:block;
	width:auto; height:auto;
	max-height:none; max-width:none;
}

/*----------下方图片列表，根据需要调整其与上方图片的距离和自身高度，注意，高度最好是实际高度加上top之后的值也就是比实际高度更高----------*/
.magnifierList{
	position:relative;
								top:10px;  /*相当于margin-top*/
	width:100%;
								height:94px;   /*自身高度*/
	overflow:hidden;
}

/*----------额外增加这个框大概是为了让他显示在箭头层的上面放置图片被箭头层盖住点不到-------*/
/*--------高度以实际高度为准，可以小于上面的高度;宽度根据图片列表需要显示的宽度决定-------*/
.magnifierImg{
	position:relative;
	z-index:2;
	margin:0 auto;
					width:274px;  /*注意！这里的宽高决定了图片列表实际显示的大小；可以看到列表宽度是小于总宽度的；这样两边就能留出空的地方放两边的箭头*/
					height:94px;
	overflow:hidden;
}

/*图片列表实际内容，此处需要根据实际情况调整left和top值，保证图片列表显示的居中性*/
.magnifierImg ul{
	position:absolute;
							left:0px;
	width:10000%;
							top:0px;
}

/*----------此处需要调整的是margin-right，控制图片的间隔---------*/
.magnifierImg li{
	display:inline;
	float:left;
							margin-right:6px;
	padding:0;
	cursor:pointer;
}

/*--------此处需要修改的是图片的大小，padding和border可以看情况调整-------*/
.magnifierImg li .vm{
												width:82px;
												height:60px;
						border:1px solid #e0e0e0;
	display:block;
	*overflow:visible;
	*font-size:63px;
						padding:1px;
}

.magnifierImg li .vm img{ width: 82px; height: 60px;}

/*-------------根据风格调整其颜色-----------*/
.magnifierImg li .vm:hover{ border-color:#73c5ff;}

/*----------不需要调整----------*/
.magnifierImg li.vCur{
	background-position:0 0;
}

/*----------控制箭头的高度---------*/
.arrows{
	position:absolute;
	left:0;
										top:2px;
	z-index:1;
	width:100%;
}

/*---------此处控制箭头的大小和顶边距--------*/
.arrows a{
	color:#fff;
											width:17px;
											height:60px;
	line-height:77px; font-size:14px;
	text-align:center;
										margin-top:0px
}

/*----------此处控制箭头的背景图片---------*/
/*此处我额外增加了背景尺寸，这样同样的背景图片就可以适应不同尺寸的箭头按钮了；有必要的话可以删除这个属性*/
.arrows-l{ background:url(../images/goods-read-arrow-l.png) no-repeat; background-size:100% 100%}
.arrows-r{ background:url(../images/goods-read-arrow-r.png) no-repeat; background-size:100% 100%}

/*base-read*/
.base-read{ font-size: 14px; line-height: 26px; color: #666; }
.base-read img{ max-width: 100%; height: auto;}